﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Shared/Views/Shared/_LayoutK.cshtml";
}

@using SchoolProject2012.Langue
<div  class="metro">
    <div class="metro-sections">
        <div id="section1" class="metro-section" >
            <a data-next="#section2" data-prior="#section1" href="#" id="arrow0" class="next-section"></a>

            <div rel="/Eleve/compte/?langue=@ViewBag.langue" class="tile tile-double-vertical bg-color-yellow">
                <div class="tile-icon-large">
                    <img src="@Url.Content("~/Content/metroK/compte.png")" alt="MonCompte img" />
                </div>
                <span class="tile-label">@Resources.compte</span>
            </div>

            <div rel="/Eleve/modules?langue=@ViewBag.langue" class="tile bg-color-purple">
                <span class="tile-label">@Resources.modules</span>
            </div>

            <div rel="/Eleve/event?langue=@ViewBag.langue" class="tile bg-color-pink">
                <span class="tile-label">@Resources.events</span>
            </div>

             <div rel="/Eleve/contact?langue=@ViewBag.langue" class="tile tile-double bg-color-orange">
                <span class="tile-label">@Resources.contact</span>
            </div>

            <div rel="/Eleve/agenda?langue=@ViewBag.langue" class="tile tile-double bg-color-orange">
                <span class="tile-label">@Resources.agenda</span>
            </div>

            <div rel="/Eleve/sondage?langue=@ViewBag.langue" class="tile tile-double bg-color-red">
                <span class="tile-label">@Resources.sondage</span>
            </div>

            <div rel="/Eleve/result?langue=@ViewBag.langue" class="tile tile-double bg-color-orange">
                <span class="tile-label">@Resources.result</span>
            </div>

            <div rel="/Eleve/Actu?langue=@ViewBag.langue" class="tile tile-double bg-color-orange">
                <span class="tile-label">@Resources.informations</span>
            </div>

            <div id="hotmail" class="tile tile-double bg-color-green">
                <div class="tile-icon-large">
                     <img src="@Url.Content("~/Content/metroK/hotmail.png")" alt="Mail img" />
                </div>
                <span class="tile-label">Messagerie</span>
            </div>

            <div id="facebook" class="tile bg-color-blueDark">
                <div class="tile-icon-large">
                   <img src="@Url.Content("~/Content/metroK/facebook.png")" alt="Eleve img" />
                </div>
                <span class="tile-label">Facebook</span>
            </div>

            <div id="twitter" class="tile">
                <div class="tile-icon-large">
                     <img src="@Url.Content("~/Content/metroK/twitter.png")" alt="Eleve img" />
                </div>
                <span class="tile-label">Twitter</span>
            </div>

        </div>
        <div id="section2" class="metro-section">      
        </div>
        <div id="section3" class="metro-section">      
        </div>
        <div id="section4" class="metro-section">      
        </div>
        <div id="section5" class="metro-section">      
        </div>
        <div id="section6" class="metro-section">      
        </div>
        <div id="section7" class="metro-section">      
        </div>
        <div id="section8" class="metro-section">      
        </div>
        <div id="section9" class="metro-section">      
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        window.prettyPrint && prettyPrint();
    })

    $(".metro").metro();
  </script>